body{ height: 100%;font-size: 13px;}
.layui-nav *{ font-size: 13px;}
#think_page_trace_open{ display: block;}

.admin_home{ overflow-y: auto;}
.admin_content{ padding: 15px 15px 0px;position: relative;min-width: 330px;}

.admin_user{ position: relative;padding-right: 130px;}
.admin_user .admin_user_rght{ position: absolute;width: 120px;top:15px;right: 10px;}

@keyframes xz {
    form{ transform: rotate(0);}
    to{ transform:rotate(360deg) }
}

.hui-circle-icon{ width: 24px;line-height: 24px;border-radius: 50%;background:#f2f2f2;display: inline-block;text-align: center;margin-right: 10px;}
.hui-circle-icon .layui-icon{ font-size: 14px;}
.hui-circle-icon.green{ background: #f6ffed;}
.hui-circle-icon.green .layui-icon{ color:#52c41a;}
.hui-circle-icon.blue{ background: #e6f7ff;}
.hui-circle-icon.blue .layui-icon{ color:#1890ff;}
.hui-circle-icon.red{ background: #f6ffed;}
.hui-circle-icon.red .layui-icon{ color:#f5222d;}
.hui-circle-icon.yellow{ background: #feffe6;}
.hui-circle-icon.yellow .layui-icon{ color:#fadb14;}
.hui-circle-icon.cyan{ background: #f6ffed;}
.hui-circle-icon.cyan .layui-icon{ color:#52c41a;}
.hui-circle-icon.lime{ background: #fcffe6;}
.hui-circle-icon.lime .layui-icon{ color:#a0d911;}
.hui-circle-icon.purple{ background: #f9f0ff;}
.hui-circle-icon.purple .layui-icon{ color:#722ed1;}

.admin_user .headimg{ animation: xz 12s linear infinite; position: relative;  width: 80px;height: 80px;border-radius: 50%;margin: 0 auto;}
.admin_user .headimg i{ position: absolute;left: -3px;top: -3px;bottom: -3px;right: -3px;border: 4px solid #ecab18;border-right-color: #5fb878;border-bottom-color: #5fb878; border-radius: 50%;-webkit-transition: all .5s;transition: all .5s;}
.admin_user .headimg a{ position: relative;z-index: 1;}
.admin_user .headimg img{ width: 100%;height: 100%;border-radius: 50%;}
.admin_user .headimg:hover{ animation-play-state:paused;}
.admin_user .welcome{ white-space:nowrap;height: 24px;line-height: 24px;overflow: hidden;padding-top: 12px;text-align: center;}
.admin_user .admin_user_left li{ height: 36px;line-height: 36px;overflow: hidden;white-space:nowrap;color: #999;}
.admin_user .admin_user_left li span{ color: #666;}
.admin_user .user_link{ padding: 7px 4px 5px 0; white-space: nowrap;overflow: hidden;}
.admin_user .user_link a{ font-size: 13px;background: #ffffff;color: #333;margin-right: -1px !important;}
.admin_user .user_link a:hover{ color: #5fb878;background: #ffffff;}
.admin_user .user_link a .layui-icon{ font-size: 18px;}


.admin_content .layui-table{}
.admin_content .layui-card-header a.action{ position: relative;z-index: 999;top: 2px;color:#666;}


.admin_content .layui-table td,.admin_content .layui-table th{ font-size: 1em !important;padding: 9px 12px;text-align: left;border-color: #f9f0ff;}
.admin_content .layui-table th{ background: transparent;color:#999; }
.admin_content .layui-table td a.layui-btn{ font-size: 1em !important; padding: 0 15px;}
.admin_content .layui-table .center{ text-align: center;}
.admin_content .woo-link{ padding: 10px 0 5px;}
.admin_content .woo-link .layui-btn-group{ width: 100.5%;margin: -1px 0 0 0;}
.admin_content .woo-link .layui-btn-group a{ width: 33.3333%;font-size: 13px;border: 1px solid #e6e6e6;background: #ffffff;color: #333;margin-right: -1px !important;}
.admin_content .woo-link .layui-btn-group a:hover{ color: #41cac0;}
.takerates .layui-progress { margin: 45px 0 0;}
.progress-init{ padding: 12px 0 25px;}
.progress-init .layui-progress.mt{ margin-top: 70px;}
.takerates .layui-progress h3 { position: absolute; right: 0; top: -35px; color: #999; font-size: 14px;}
.takerates .layui-progress-text{ position: absolute; left: 0; top: -35px; line-height: 26px; font-size: 20px;}


.woo-copyright .layui-table td,.woo-copyright .layui-table tr:hover, .woo-copyright .layui-table th{ background: transparent;border-color: transparent;}
.woo-copyright .layui-table td{ color: #5fb878;font-size: 14px !important;}

.admin-carousel.layui-carousel > [carousel-item] > *,.admin-carousel.layui-carousel{ background: #ffffff;}
.admin-carousel .layui-carousel-ind{ position: absolute;right: 0;top: -40px;text-align: right;}
.admin-carousel .layui-carousel-ind ul{ background: none;}
.admin-carousel .layui-carousel-ind ul li{ background:rgba(0,0,0,0.15);}
.admin-carousel .layui-carousel-ind ul li.layui-this,.admin-carousel .layui-carousel-ind ul li:hover{ width: 14px; background: rgba(0,0,0,0.3)!important;border-radius: 5px;}
.admin-shortcut{ height: 194px;}
.admin-shortcut li{ text-align: center;}
.admin-shortcut li i{ background: #F8F8F8;display: block;height: 65px;line-height: 65px;text-align: center;width: 100%;font-size: 30px;border-radius: 2px;transition: all .3s;-webkit-transition: all .3s;}
.admin-shortcut li  a{transition: all .3s;-webkit-transition: all .3s;}
.admin-shortcut li:hover a{ color: #333;}
.admin-shortcut li:hover i{ background: #f2f2f2;}
.admin-shortcut li:nth-child(1) i{ color: rgba(95,184,120, 0.7);}
.admin-shortcut li:nth-child(1):hover i,.admin-shortcut li:nth-child(1):hover a{ color: rgba(95,184,120, 1);}
.admin-shortcut li:nth-child(2) i{ color: rgba(64,158,255, 0.7);}
.admin-shortcut li:nth-child(2):hover i,.admin-shortcut li:nth-child(2):hover a{ color: rgba(64,158,255, 1);}
.admin-shortcut li:nth-child(3) i{ color: rgba(255,184,0, 0.7);}
.admin-shortcut li:nth-child(3):hover i,.admin-shortcut li:nth-child(3):hover a{ color: rgba(255,184,0, 1);}
.admin-shortcut li:nth-child(4) i{ color: rgba(245,108,108, 0.7);}
.admin-shortcut li:nth-child(4):hover i,.admin-shortcut li:nth-child(4):hover a{ color: rgba(245,108,108, 1);}
.admin-shortcut li:nth-child(5) i{ color: rgba(188,143,184, 0.7);}
.admin-shortcut li:nth-child(5):hover i,.admin-shortcut li:nth-child(5):hover a{ color: rgba(188,143,184, 1);}
.admin-shortcut li:nth-child(6) i{ color: rgba(250,97,65, 0.7);}
.admin-shortcut li:nth-child(6):hover i,.admin-shortcut li:nth-child(6):hover a{ color: rgba(250,97,65, 1);}
.admin-shortcut li:nth-child(7) i{ color: rgba(236,64,122, 0.7);}
.admin-shortcut li:nth-child(7):hover i,.admin-shortcut li:nth-child(7):hover a{ color: rgba(236,64,122, 1);}
.admin-shortcut li:nth-child(8) i{ color: rgba(255,151,106, 0.7);}
.admin-shortcut li:nth-child(8):hover i,.admin-shortcut li:nth-child(8):hover a{ color: rgba(255,151,106, 1);}

.admin-shortcut li span{ margin-top: 3px;display: block;height: 24px;line-height: 24px;overflow: hidden;}

.admin-mcount{ height: 194px;}
.admin-mcount li a{ background: #F8F8F8;display: block;padding: 11px 15px;cursor: pointer;}
.admin-mcount li a:hover{ background: #f2f2f2;}
.admin-mcount li a h2{ font-size: 1em;color: #888;height: 24px;line-height: 24px;}
.admin-mcount li a span{ display: block;height: 36px;line-height: 36px;font-size: 30px;color: #5fb878;margin-top: 5px;}


.admin-env{ min-height: 244px;}
.admin-env .layui-icon-ok{ color: #5fb878;}
.admin-env .layui-icon-close{ color: #f56c6c;}
.admin-use-info{}
.admin-use-info li{ color: #999;  height: 40px;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;border-bottom: 1px solid rgba(0,0,0,.03);}
.admin-use-info li:last-child{ border-bottom: 0;}
.admin-use-info li span, .admin-use-info li a{ color: #666;}
.admin-use-info li  i{ width: 16px;display: inline-block;margin-right: 4px;}
#showSiteSize{ background: rgba(114,46,209, 0.4);}

.admin-charts-box, .admin-charts{ height: 330px;}

.shortcut .layui-card-header{ border-color: rgba(24,144,255, 0.2);}
.mcount .layui-card-header{ border-color: rgba(82,196,26, 0.2);}
.userinfo .layui-card-header{ border-color: rgba(160,217,17, 0.3);}
.b4 .layui-card-header{ border-color: rgba(250,219,20, 0.2);}
.env .layui-card-header{ border-color: rgba(114,46,209, 0.2);}
.b5 .layui-card-header{ border-color: rgba(82,196,26, 0.2);}
.takerates .layui-card-header{ border-color: rgba(24,144,255, 0.2);}
.woo-copyright .layui-card-header{ border-color: rgba(245,34,45, 0.2);}

.shortcut .admin-carousel .layui-carousel-ind ul li.layui-this,.shortcut .admin-carousel .layui-carousel-ind ul li:hover{  background: rgba(24,144,255, 0.3)!important;}
.mcount .admin-carousel .layui-carousel-ind ul li.layui-this,.mcount .admin-carousel .layui-carousel-ind ul li:hover{  background: rgba(82,196,26, 0.3)!important;}
.env .admin-carousel .layui-carousel-ind ul li.layui-this,.env .admin-carousel .layui-carousel-ind ul li:hover{  background: rgba(114,46,209, 0.3)!important;}
.b5 .admin-carousel .layui-carousel-ind ul li.layui-this,.b5 .admin-carousel .layui-carousel-ind ul li:hover{  background: rgba(82,196,26, 0.3)!important;}
.shortcut .admin-carousel .layui-carousel-ind ul li.layui-this,.shortcut .admin-carousel .layui-carousel-ind ul li:hover{  background: rgba(24,144,255, 0.3)!important;}

.takerates .layui-progress-bar{ background: linear-gradient(40deg,#5fb878, #adb81d);}
.takerates .layui-progress-bar.layui-bg-red{background: linear-gradient(40deg,#ffd86f,#fc6262);}
